@charset "utf-8";
@import url("vancl.less");
  
// 本页面的内容包裹器
.wrapper{
    width: 980px;
    margin: 0 auto;
}

body {
    font:12px Arial,Helvetica,sans-serif,宋体;
}

// BEGIN 网页头部样式开始
#divHeader{ 
    // 顶部
    #divTop{
        padding-top: 15px;
        border-bottom: 1px solid #7A7F89;       
     
        // 顶部右边
        #topRight{
            line-height: 39px;
            color: #666;
            
            // 已登录时的div
            #divLoginInfo {
                margin-right: 40px;
                
                .welcome{
                    width: 120px;
                    margin-right: 5px;                   
                }
            }
            
        }                 
    }
    
    // 导航指示
    #locationNav{
        width: 540px;
        height: 28px;
        line-height: 28px;
        margin-top: 10px;
        background: url(../images/newProm.gif);
        background-position: 0px -28px;
        font-weight: bold; 
        
        em,span {
            display: inline-block; 
            width: 170px;  
            text-align: center;            
        }
        
        em {
            color: #FFF;
        }
        
        span{
            color: #666;
        }
    } 
}
// END 网页头部样式结束

//BEGIN 网页内容样式开始
#divContent{
    padding-top: 10px;
    
    .order-info {
        border: 1px solid #DCDFE5;
        
        section {
            padding: 0px 0px 10px;  
            float: left;  
            width: 825px;
        }
        
        // 没有收货地址是的提示信息
        .warn1{
            color: #999;
            height: 100px;
            line-height: 100px;
            margin: 20px 0px 10px 10px;
            padding: 0px !important;
            text-align: center;
            width: 230px;
            border: 2px dotted #D2D2D2;
        }
        
        // 左边的标题头
        .sec_header{ 
                      
            h3 {
                line-height: 180px;
                font-size: 14px;
                font-weight: bold;
                padding: 20px 0px;
                text-align: center;
                width: 150px;
                background: #EEE;
            }
        }
        
        // 收货地址
        #addr {
            border-bottom: 1px solid #D2D2D2;                     
            .noAddr{            
                width: 230px;
                height: 150px;
                margin: 10px;
                border: 2px dotted #D2D2D2;
                line-height: 150px;
                text-align: center;
                           
                input{
                    display: none;
                }
                
                label{
                    display: block;
                    width: 230px;
                    height: 150px;
                    padding-left: 5px;
                    color: #010101;
                    font-weight: bold;
                    cursor: pointer;
                    
                    span {
                        color: #F00;
                    }
                }
            }
            
            .lstAddr{
                margin: 10px 10px 0px;
                
                ul {
                    li {
                        width: 196px;
                        height: 160px;
                        float: left;
                        cursor: pointer;
                        padding: 10px 10px 8px 28px;
                        line-height: 20px;
                        margin-right: 20px;
                        
                        h3 {                            
                            border-bottom: 1px solid #D2D2D2;
                            padding-bottom: 8px;
                            margin-bottom: 8px;
                        }
                        
                        .addrInfo{
                            p {
                                .lengthRestriction;
                                overflow: hidden;
                                word-wrap: break-word;
                            }                                                   
                        }
                        
                        .editAddr{
                            padding-top: 30px;
                            display: none;
                            a {
                                width: 50px;
                                height: 24px;
                                line-height: 24px;
                                border: 1px solid #B0B0B0;
                                background: #F1F1F1;
                            }
                        }
                        
                        &:hover{
                            .bd-sel;
                            .editAddr {
                                display: block;
                            }
                        }                         
                    }
                                    
                }
                
                .addAddrBox{
                    padding-top: 4px;
                    label {
                        cursor: pointer;
                        span {
                            color: #F00;
                        }
                    }
                }
            }
        }
        
        // 配送方式
        #delivery{
            border-bottom: 1px solid #D2D2D2;
            h3 {
                line-height: 205px;
            }
            section {
                padding: 0px 0px 10px;  
                
                #selDelivery{
                    margin: 20px 0px 10px 10px;
                    
                    ul {
                        li {
                            float: left;
                            width: 230px;
                            height: 95px;
                            margin-right: 20px;
                            text-align: center;
                            line-height: 75px;
                            cursor: pointer;
                            
                            &:hover {
                                .bd-sel;
                            }
                        }
                    }
                }                            
            
                .deliveryDirection {
                    line-height: 20px;
                    padding: 20px 0px 5px 20px;                    
                    
                    p {
                        padding-bottom: 5px;
                    }
                    a {
                        color: @color-red;
                        &:hover{
                            color: @color-red;
                        }
                    }
                }
            }
            
                       
        }
        
        // 支付方式
        #payMethod{
            h3 {
                line-height: 405px;
            }
            
            #selPayMethod{
                margin: 20px 0px 10px 10px;
                ul {
                    li {
                        float: left;
                        width: 230px;
                        height: 95px;
                        z-index: 30px;
                        position: relative;
                        margin-right: 20px;
                        text-align: center;
                        cursor: pointer;
                        
                        p {
                            line-height: 60px;
                        }
                        
                        div {
                            width: 230px;
                            position: absolute;
                            top: 49px;
                            left: 0px;
                            text-align: center;
                            
                            span {
                                color: #656565;
                            }
                        }
                        
                        &:hover{
                            .bd-sel;
                        }
                    }                
                }
            }
            
            #usePoint{
                margin-top: 45px;
                input{                    
                    margin: 14px 5px 0px 18px;
                }
                label {
                    font-size: 14px;
                    font-weight: bold;
                }
                em {
                    color: @color-red;
                    font-weight: bold;                    
                }
            }
        }
                
    }
    
    // 未选中时的灰色边框
    .bd-nosel{
        border: 2px solid #D2D2D2;
    }
                            
    // 选中时的红色边框
    .bd-sel {
        border: 2px solid #B80000;
    }
    
    // 开发票
    #invoice{
        padding: 10px 0px;
        margin: 20px 0px;
        border: 1px solid #DCDFE5;
        
        h4 {
            padding: 0px 0px 5px 20px;
            cursor: pointer;
        }
        .expand {
            background: url(../images/icon-minus.gif) no-repeat;
        }
        .collapse{
            background: url(../images/icon-plus.gif) no-repeat;            
        }
        
        #invoiceInfo{
            padding: 5px;
            margin-left: 20px;
            width: 380px;
            
            .needed{
                color: @color-red;
                margin-right: 4px;
            }
            
            h5 {
                font-weight: bold;                
            }
            
            div {
                padding-top: 15px;
            }
            
            #userType{                
                select {
                    width: 90px;
                }
            }
            
            input {
                margin: 0px 5px 0px 3px;
            }
            
            select {
                margin-left: 4px;
            }
              
            .txt{
                border: 1px solid #A5AFC3;
                height: 21px;
                line-height: 21px;
                padding-left: 3px;
            }                   
        }
    }
    
    // 商品清单
    #GoodsList{
                
        #glTitle{
            padding: 15px 15px 10px;        
            line-height: 10px;
            background: #EEE;
            h3 {
                font-size: 14px;
                font-weight: bold;
            }
        }
        
        #glDesc{
            margin: 13px 0px 7px;
            padding-left: 15px;
            h5 {
                font-weight: bold;
            }
            span {
                font-weight: normal;
                margin-left: 50px;
                em {
                    color:@color-red;
                    margin: 0px 5px;
                }
            }
        }
        
        #glTbl{
            border: 1px solid #DCDFE5;
            table {
                border-collapse: collapse;
                border-spacing: 0px;
                width: 100%;
                
                th {
                    background: #7A7F89;
                    color: #FFF;
                    font-weight: normal;
                    padding: 7px 0px;
                }
                
                td {
                    padding: 7px 0px;
                    text-align: center;
                }
                .t_name{
                    width: 464px;
                    text-align: left;
                    padding-left: 20px;
                }
                .t_size{
                    width: 83px;                    
                }
                .t_price{
                    width: 78px;
                }
                .t_count{
                    width: 43px;
                }
                .t_discount{
                    width: 110px;
                }
                .t_total{
                    
                }
            }
            
            #order_amount{
                margin-top: 10px;
                padding: 10px 0px 0px;
                border-top: 1px solid #7A7F89;
                text-align: right;
                
                em {
                    color: @color-red;
                }
            }                       
        }
        
        #all_amount{
            text-align: right;
            h1 {
                font-size: 16px;
                font-weight: bold;
                color: @color-red;
                span {
                    font-size: 30px;
                }
            }
            
            #sub{
                margin-top: 10px;
                
                input{
                    width: 150px;
                    height: 41px;
                    color: #FFF;
                    font: bold 24px "Microsoft Yahei","Microsoft JHenghei",SimHei;
                    padding-bottom: 5px;
                    background: url(../images/sprite.gif) 0px -41px;
                    border: 0px none;
                }
            }                
        }
    }
}
// END 网页内容样式结束

// BEGIN 网页底部开始
#divFooter{
    padding-top: 35px;
    
    #bottomCopyrightBox{
        p{
            text-align: center;
            line-height: 33px;
            color: #3E3A39;
            font-family: "Microsoft YaHei";
        }
        
    }
    
    #footerLogoBox{
        padding-top: 23px;       
        p{
            width: 980px;
            height: 45px;
            margin: 0 auto 25px;
            text-align: center;
            a {
                display: inline-block;
                margin: 0px 10px;
            }
            
            #a_footerLogo_1{
                width: 156px;
                height: 42px;
                background: url(../images/cert-redlogo.gif);
            }
            #a_footerLogo_2{
                width: 156px;
                height: 45px;
                background: url(../images/spritesbgtop.png) no-repeat 0px -629px;
            }
            #a_footerLogo_3{
                width: 96px;
                height: 42px;
                background: url(../images/spritesbgtop.png) no-repeat 0px -675px;
            }
        }
    }
}
// BEGIN 网页底部结束
